<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:sec="http://www.springframework.org/security/tags"
	xmlns:p="http://primefaces.org/ui" template="/templates/main.xhtml">

	<ui:define name="metadata"></ui:define>

	<ui:define name="title">
		<h:outputText value="#{I18N.APP_TITLE}" />
	</ui:define>
	<ui:define name="top">
		<ui:include src="/snippets/top.xhtml" />
	</ui:define>
	<ui:define name="content">
		<div id="content">
			<div class="container-fluid">
				<div class="row-fluid">
					<h:form id="eco_form">
						<h:panelGroup id="ECO_content" layout="block"
							styleClass="span12 juice-cost">
							<div class="row-fluid">
								<h:panelGroup id="divboxcost" styleClass="span4">
									<h:outputLabel for="spinnerboxcost" value="Coût d'un paquet" />
									<div class="input-append">
										<p:inputText value="#{C_SWEET.boxCost}" styleClass="span2"
											id="spinnerboxcost">
											<f:convertNumber pattern="#0.00" />
											<p:ajax event="blur" update=":eco_form:divecoresult"
												process="@this" listener="#{C_SWEET.changeBoxCost}" />
										</p:inputText>
										<h:outputLabel id="spinnerboxcostspan" styleClass="add-on"
											value="#{I18N.U_EURO}" />
									</div>
								</h:panelGroup>
								<h:panelGroup id="divcountcig" styleClass="span4">
									<h:outputLabel for="spinnercountcig"
										value="Consomation de cigarette" />
									<div class="input-append">
										<p:inputText value="#{C_SWEET.countCig}" styleClass="span2"
											id="spinnercountcig">
											<f:convertNumber pattern="#0" />
											<p:ajax event="blur" update=":eco_form:divecoresult"
												process="@this" listener="#{C_SWEET.changeCountCig}" />
										</p:inputText>
										<h:outputLabel id="spinnercountcigspan" styleClass="add-on"
											value="#{I18N.U_NCIG}" />
									</div>
								</h:panelGroup>
								<h:panelGroup id="divliquidcost" styleClass="span4">
									<h:outputLabel for="spinnerliquidcost"
										value="Cout du liquide pour 10 ml" />
									<div class="input-append">
										<p:inputText value="#{C_SWEET.liquid10Cost}"
											styleClass="span2" id="spinnerliquidcost">
											<f:convertNumber pattern="#0.00" />
											<p:ajax event="blur" update=":eco_form:divecoresult"
												process="@this" listener="#{C_SWEET.changeLiquid10Cost}" />
										</p:inputText>
										<h:outputLabel id="spinnerliquidcostspan" styleClass="add-on"
											value="#{I18N.U_EURO}" />
									</div>
								</h:panelGroup>
							</div>
							<div class="row-fluid" style="margin-top: 40px;">
								<h:panelGroup id="divecoresult" styleClass="span4">
									<p class="lead">
										<i class="icon-shopping-cart"></i> Economies
									</p>
									<dl class="dl-horizontal">
										<dt>Coût en tueuses</dt>
										<dd><p class="text-error">#{C_SWEET.totalCigMonth}€ par mois</p></dd>
										<dt></dt>
										<dd><p class="text-error">#{C_SWEET.totalCig}€ par an</p></dd>
										<dt>Coût en e-cig</dt>
										<dd><p class="text-success">#{C_SWEET.totaleCigMonth}€ par mois</p></dd>
										<dt></dt>
										<dd><p class="text-success">#{C_SWEET.totaleCig}€ par an</p></dd>
										<dt></dt><dd></dd>
										<dt>Economie annuelle</dt>
										<dd><p class="text-info">#{C_SWEET.ecoCountMonth}€ par mois</p></dd>
										<dt></dt>
										<dd><p class="text-info">#{C_SWEET.ecoCount}€ par an</p></dd>
									</dl>
								</h:panelGroup>
								<h:panelGroup id="divexplain" styleClass="span4">
									<p class="lead">
										<i class="icon-info-sign"></i> Elements de calcul
									</p>
									<p>
									Calculé sur la base d'un paquet de 20 tueuses équivalent à 2 ml de liquide nicotiné.
									</p>
									<p>
									Les consomables, batteries et accus, sont pris en compte à hauteur de 10 € par mois.
									</p>
									<p>
									Concernant les tueuses, les frais médicaux ne sont pas pris en compte. La sécurité sociale et la mutuelle devant en principe les compenser ;-).
									</p>
								</h:panelGroup>
							</div>
						</h:panelGroup>
					</h:form>
				</div>
			</div>
		</div>
	</ui:define>
	<ui:define name="footer">
		<ui:include src="/snippets/footer.xhtml" />
	</ui:define>
</ui:composition>
